<template>
    <div class="orderDetails">
      <mt-header title="课程名称">
        <router-link to="" slot="left">
          <mt-button icon="back" @click="backOne()">返回</mt-button>
        </router-link>
        <mt-button icon="more" slot="right"></mt-button>
      </mt-header>

      <form>
        <mt-field label="课程名称" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="出版社" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="教材名称" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="作者" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="单价" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="本季征订号" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="库存数" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="预定数量" readonly="readonly" v-model="username"></mt-field>
        <mt-field label="备注" type="textarea" rows="5" readonly="readonly" v-model="username"></mt-field>

        <mt-button type="primary" style="float:right;margin:8px">确认</mt-button>
      </form>
    </div>
</template>
<style>
</style>
<script>
    export default{
        name : 'orderDetails',
        data(){
            return{
                username:'username'
            }
        },
        components:{
        },
        mounted:function(){
        },
        methods:{
            //
            backOne:function(){
                this.$router.back();
            }
        }
    }
</script>
